{{ block title }}Results{{ endblock }}
{{ block content }}

    <p>
        {{ if same_choice }}
            Both of you chose {{ my_decision }}.
        {{ else }}
            You chose {{ my_decision }} and the other participant chose {{ opponent_decision }}.
        {{ endif }}
    </p>

    <p>
        As a result, you earned {{ player.payoff }}.
    </p>

    <table class='table table-bordered text-center'
           style='width: auto; margin: auto'>
        <tr>
            <th colspan=2 rowspan=2></th>
            <th colspan=2>The Other Participant</th>
        </tr>
        <tr>
                <th style="color: forestgreen">A</th>
                <th style="color: forestgreen">B</th>
        </tr>
        <tr>
            <th rowspan=2><span style="transform: rotate(-90deg);">You</span></th>
            <th><b style="color: #007dc1"> A</b></th>
                <td> <b style="color: #007dc1"> {{C.PAYOFF_B}}</b>, <b style="color: forestgreen">{{C.PAYOFF_B}}</b></td>
                <td> <b style="color: #007dc1"> {{ C.PAYOFF_D }}</b>, <b style="color: forestgreen">{{C.PAYOFF_A}}</b></td>
        </tr>
        <tr>
            <th><b style="color: #007dc1"> B</b></th>
                <td><b style="color: #007dc1"> {{C.PAYOFF_A}}</b>,<b style="color: forestgreen"> {{ C.PAYOFF_D }}</b></td>
                <td><b style="color: #007dc1"> {{C.PAYOFF_A}}</b>, <b style="color: forestgreen">{{C.PAYOFF_A}}</b></td>
        </tr>
    </table>

    {{ next_button }}

{{ endblock }}